﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="indexContent" ContentPlaceHolderID="MainContent" runat="server">

    <script type="text/javascript">
        $(document).ready(function() {
            LoadBanner('banners');
        });

        function LoadBanner(ctr) {
            $('#' + ctr + ' .banner:gt(0) ').css("display", "none");
            $('#texts .banner-text:gt(0) ').css("display", "none");

            $('#' + ctr + ' ul li a').mouseover(function() {
                var index = $('#' + ctr + ' ul li a').index(this);
                $('#' + ctr + ' .banner').css("display", "none");
                $('#' + ctr + ' .banner:eq(' + index + ') ').fadeIn('slow');

                $('#texts .banner-text ').css("display", "none");
                $('#texts .banner-text:eq(' + index + ') ').fadeIn('slow');
            });
        }
    </script>

    <div id="banners" class="banners">
        <div class="banner">
            <img src="../../Content/images/Banner_1.png" alt="" />
        </div>
        <div class="banner">
            <img src="../../Content/images/Banner_2.png" alt="" />
        </div>
        <div class="banner">
            <img src="../../Content/images/Banner_3.png" alt="" />
        </div>
        <ul>
            <li><a href="#0">Web development</a></li>
            <li><a href="#1">Useful desing</a></li>
            <li><a href="#2">IT consulting</a></li>
        </ul>
        <div id="texts" class="banners" style="font-family: Times New Roman; font-size: large">
            <div class="banner-text">
                <p>
                    <b>Web development</b> Функционал - сердце приложения. Вся мощь современных технологий направлена
                    на быструю и качественную разработку. Индивидуальный подход и стабильные инструменты обеспечивают
                    хорошую производительность приложений, надёжную безопасноть и лёгкость модификаций.
                    Необходимы администрирование приложения, поддержка нескольких языков, динамические данные, сложные процессы?
                    Мы сделаем это!
                </p>
            </div>
            <div class="banner-text">
                <p>
                    <b>Useful desing</b> Простой и понятный дизайн! Множество картинок, баннеров, текста... Зачем???
                    Людям нужна простота вне зависимости от их взглядов, положения в обществе, возраста. "Просто и со вкусом" - вот нащ девиз
                    в дизайне. Интуитивно понятный интерфейс - вот, что в первую очередь, заставляет пользователя посмотреть приложение, сайт или
                    корпоративную систему. Если интерфейс перегружен - пользователь может уйти, а затраты на "насыщенность" дизайна окажутся не просто
                    напрасными, а даже излишними.
                </p>
            </div>
            <div class="banner-text">
                <p>
                    <b>IT consulting</b> У каждого человека своя профессия и свои таланты. Если интернет и компьютеры 
                    не ваш конёк, то вы можете обратиться за консультациями. Вы не знаете зачем, сколько это стоит, как это работает?
                    Это наша работа! Наша студия в этом прекрасно разбирается и поможет вам быстро освоиться и дать необходимые рекомендации.
                    Молодая, мобильная команда - вот то, что вам нужно. Мы любим общаться с людьми =)
                </p>
            </div>
        </div>
    </div>
</asp:Content>
